const app = getApp();
const tool = require('../../utils/tool')
const { login, loginCode,getTopicTagsList,getTopicList } = require("../../utils/http/api")
const { imageUrl } = require('../../utils/http/http').dev
const SUBSCRIBE_ID = 'RHPuVfEyGe0q0n7lZyzz4r-zyGe07lZyzz4r3' // 模板ID
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searchImage: imageUrl + "/search.png",
    positionImage: imageUrl + "/topic-2.png",
    circleImage: imageUrl + "/topic-1.png",
    quanziTitleImage: imageUrl + "/发布.png",
    quanziDiscussImage: imageUrl + "/topic-4.png",
    manyImage: imageUrl + "/topic-5.png",
    smailImage: imageUrl + "/topic-right.png",
    linkImage: imageUrl + "/link.png",
    topicAdressImage: imageUrl + "/topic-adress.png",
    conferenceInfoImage: imageUrl + "/topic-1.png",
    topicList:[],
    //获取全局变量 导航栏的高度statusBarHeight
    top: Number(app.globalData.menu.top),
    height: Number(app.globalData.menu.height),
    bottom: Number(app.globalData.menu.bottom),
    num: 2,
    scrollTop: 0,
    windowWidth: 0,
    show: false,
    actions: [
      {
        name: '举报',
      }
    ],
    actionID: 0,
    list: [
      {
        id: 0,
        avatarUrl: "https://img0.baidu.com/it/u=344972624,3472439653&fm=253&fmt=auto&app=138&f=JPEG?w=420&h=420",
        title: "第七届",
        nickName: "佳ming",
        identification: 0, // 用户身份标识，可能用于表示用户的认证状态或权限
        follow: 0, // 是否订阅
        title:"第七届绿色环保活动·中国杭州网络安全技能大赛决赛在杭州市滨江区体育馆举行",
        content: "“ 3月30日，第七届绿色环保活动·中国杭州网络安全技能大赛决赛在杭州市滨江区体育馆举行，大赛以“人才：数字安全创新引擎”为主题，分为网络攻防实战赛、创新挑战赛、可信众测赛三大赛项。其中，来自国内高校的35支技能强队亮相网络攻防实战赛决赛现场，11支代表网络安全创新实力的战队齐聚创新挑战赛决赛现场。",
        circle: "绿色环保活动@网络安全技能大赛",
        position: "北京市海淀区",
        label: ["绿色环保活动", "网络安全", "挑战赛决赛", "人工智能"],
        time: "1天前",
        comment_num: 2,
        like: 2,
        media: { // 媒体类型，这里是图片
          type: "image",
          url: ["	https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/4/bd6cc8222bcc4e12bb948ffe420d5236.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/4/fe5674ed7939497c8586c98bffbfec57.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/4/5ceac817e67f4db2958c4244cba6a025.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/3/6e2ffe77375445368d027d75443872d9.jpg"]
        },
        heights: 0,
        widths: 0,
      },{
        id: 0,
        avatarUrl: "https://q3.itc.cn/q_70/images03/20240519/1b4e7565b46241b68288ae482412a866.jpeg",
        nickName: "帆高",
        title:"安恒信息发布“亚运天穹",
        identification: 0,
        follow: 0,
        content: "2023年世界互联网大会乌镇峰会期间，13项“携手构建网络空间命运共同体精品案例”精彩发布，其中安恒信息发布的“亚运天穹--践行亚运理念，筑牢安全防线”实践案例，为全球各方提供了网络空间国际合作的实践典范。",
        circle: "世界互联网大会",
        position: "北京市海淀区",
        label: ["AI","走进安恒", "亚运天穹", "精品案例"],
        time: "1周前",
        comment_num: 2,
        like: 2,
        media: {
          type: "image",
          url: ["https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/3/eada7a34821e4b11bb4ff69f90058280.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/3/7ed05c8af82a4d45b3aadb6c10767560.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/3/9e0bdf41ce8248ad8c76f4020bc12557.jpg","https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/3/d669a27902cd40c0bf785530476f9a6c.jpg"]
        },
        heights: 0,
        widths: 0,
      },
    ],
    label: ["安全特训营", "新品发布", "创新案例实践征集", "奋进十一年","直播探索", "白皮书", "大会海报", "媒体中心精彩图片"],
    quanzi:[
      {
        title:"绿色环保活动数字安全大会",
        Dnum:2,
        Qnum:16,
        image:"https://img2023.gcsis.cn/2023/5/a840f604ec3b4a8a81b2e810e62f6314.jpg",
        items:[
          {
            title:"绿色环保活动·网络安全大会于2012年首次举办，至今已经成功举办十一届。",
            image:"https://img1.baidu.com/it/u=4068845656,4224246381&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500"
          },{
            title:"2024绿色环保活动·数字安全大会将聚焦探讨“数字安全助力数据要素×产业落地”",
            image:"https://q3.itc.cn/q_70/images03/20240519/1b4e7565b46241b68288ae482412a866.jpeg"
          }
        ]
      },{
        title: "数据安全创新实践案例征集",
        Dnum: 5,
        Qnum: 15,
        image: "https://obs-xhlj.obs.cn-east-3.myhuaweicloud.com/2024/4/2c6404455065444abad01321d331e2ed.jpg",
        items: [
          {
            title: "数据安全创新：保护敏感信息的先进技术",
            image: "https://img2.baidu.com/it/u=3330264528,3795900564&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
            description: "介绍了几种在金融和医疗行业中使用的最新数据加密和隐私保护技术。"
          },
          {
            title: "案例分析：零信任架构在数据安全中的应用",
            image: "https://q3.itc.cn/q_70/images03/20240519/1b4e7565b46241b68288ae482412a866.jpeg",
            description: "通过真实案例展示了零信任架构如何在企业环境中有效保护敏感数据，防范数据泄露。"
          },
          {
            title: "数据安全与AI：智能威胁检测与响应",
            image: "https://img1.baidu.com/it/u=2343979483,3247810365&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=400",
            description: "探讨了人工智能和机器学习在数据安全中的应用，包括自动威胁检测和实时响应。"
          }
        ]
      }
      
    ]
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getTopicTagsList()
    this.getTopicList()
  },
  getTopicList(){
    getTopicList().then(res => {
      let topicList = res.rows
      console.log("topicList",res.rows)
      topicList.forEach((item)=>{
        item.topicImage = item.topicImage.split(",")
        item.topicTagsDictData =  item.topicTagsDictData.split(",")
      }) 
      this.setData({
        list: topicList
      })
    })
  },
  getTopicTagsList(){
    getTopicTagsList().then(res => {
      const label = res.data.map(item => item.dictLabel);
      this.setData({
        label: label
      })
    })
  },
  hahah() {
    wx.login({
      success(res) {
        loginCode(res.code).then((res) => {
          console.log(res)
        })
      }
    })
  },
  Login() {
    let time = 0
    setInterval(() => {
      time++
    }, 100);
    var data = {
      "avatar": "https://thirdwx.qlogo.cn/mmopen/vi_32/2iaMBjrfmDktbQLM0KDZhwXL1MHKCDDf7FxfibLZjeF97QibrReicBibdAfOOHI9DPCHbibIGeibWdiavEaEFHJfib163dA/132",
      "city": "北京市",
      "district": "海淀区",
      "openId": "asdfghjklmnbvcxz",
      "province": "北京市",
      "username": "岂能郁郁久居人下"
    }
    login(data).then((res) => {
      console.log(res)
      clearInterval()
      console.log("时间", time)
    })
  },
  goSub(){
    wx.navigateTo({
      url: '../editlog/editlog',
    })
  },
  // 去除video黑边
  videometa: function (e) {
    let id = e.currentTarget.dataset.id
    console.log("视频的东西", e, id)
    var that = this;
    //获取系统信息
    wx.getSystemInfo({
      success(res) {
        //视频的高
        var height = e.detail.height;
        //视频的宽
        var width = e.detail.width / 1.8;
        //算出视频的比例
        var proportion = height / width / 1.8;
        //算出当前宽度下高度的数值
        height = proportion * width;
        that.setData({
          ["list[" + id + "].heights"]: height,
          ["list[" + id + "].widths"]: width
        });
      }
    })
  },
  // 图片适配
  imgLoad(e) {
    var that = this;
    wx.getSystemInfo({
      success(res) {
        var windowWidth = parseInt((res.windowWidth * 0.92 - 6) / 3);
        that.setData({
          windowWidth
        })
      }
    })
  },
  // 列表切换 lvguowei
  changeO(e) {
    this.setData({
      num: e.currentTarget.dataset.id
    })
  },
  // 滑动距离
  onPageScroll: function (res) {
    this.setData({
      scrollTop: parseInt(res.scrollTop)
    })
  },
  // 滑动触发
  scroll(e) {
    // console.log(e)
  },
  // 图片预览
  /**
* 图片预览
* @param {*} e 
*/
  previewImage: function (e) {
    var current = e.target.dataset.src;
    var index = e.currentTarget.dataset.id
    var imgList = [];
    console.log(this.data.list[index].media)
    for (let i = 0; i < this.data.list[index].media.url.length; i++) {
      imgList.push(this.data.list[index].media.url[i]);
    }
    wx.previewImage({
      current: current,//当前点击的图片链接
      urls: imgList//图片数组
    })
  },
  
  // 滑动距离
  onPageScroll: function (res) {
    this.setData({
      scrollTop: parseInt(res.scrollTop)
    })
  },
  // 跳转到搜索页面
  goSearch() {
    wx.navigateTo({
      url: '../dynamicSearch/dynamicSearch',
    })
  },
  // 动作面板操作
  onClose() {
    this.setData({ show: false });
    wx.showTabBar()
  },
  onSelect(event) {
    let id = this.data.actionID
    wx.showToast({
      title: `举报ID为${id}的动态`,
      icon: "none"
    })
    this.setData({ show: false });
    wx.showTabBar({
      animation: true,
    })
  },
  getAction(e) {
    let id = e.currentTarget.dataset.id
    this.setData({
      show: true,
      actionID: id
    })
    wx.hideTabBar({
      animation: true,
    })
  },
  
  // 媒体类型判断
  judgeMedia() {
    console.log("媒体类型判断", tool.banimg(this.data.test, this.data.test.length))  //数组和数组长度
  },

  /**
   * 订阅
   */
  goCollectSet() {
    let that = this;
    if (wx.requestSubscribeMessage) {
      wx.requestSubscribeMessage({
        tmplIds: [SUBSCRIBE_ID],
        success(res) {
          if (res[SUBSCRIBE_ID] === 'accept') {
            // 用户主动点击同意...do something
          } else if (res[SUBSCRIBE_ID] === 'reject') {
            // 用户主动点击拒绝...do something
          } else {
            wx.showToast({
              title: '授权订阅消息有误',
              icon: 'none'
            })
          }
        },
        fail(res) {
          // 20004:用户关闭了主开关，无法进行订阅,引导开启
          if (res.errCode == 20004) {
          	// 显示引导设置弹窗
            that.setData({
              isShowSetModel: true
            })
          }else{
          	// 其他错误信息码，对应文档找出原因
            wx.showModal({
              title: '提示',
              content: res.errMsg,
              showCancel: false
            })
          }
        }
      });
    } else {
      wx.showModal({
        title: '提示',
        content: '请更新您微信版本，来获取订阅消息功能',
        showCancel: false
      })
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    this.onRefresh()
  },
  /**
   * 话题下拉刷新监听
   */
  onRefresh: function () {
    //导航条加载动画
    wx.showNavigationBarLoading();
    // this.getTopic()
    setTimeout(function () {
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();
    }, 1000);
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

})